<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>BPM Center</title>
            </f:facet>

            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/default.css" />
            <link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/syntaxhighlighter/syntaxhighlighter.css" />

            <style type="text/css">
                .ui-layout-north {
                    z-index:20 !important;
                    overflow:visible !important;;
                }

                .ui-layout-north .ui-layout-unit-content {
                    overflow:visible !important;
                }
            </style>
        </h:head>


        <h:body>

            <p:layout fullPage="true" >

                <p:layoutUnit id="top" position="north" size="50">
					<h:form>
                    <p:menubar>
                        <p:submenu label="File" icon="ui-icon-document">
                           	<p:menuitem value="Exit" action="#{loginController.logout}" />
                        </p:submenu>

                        <p:submenu label="Help" icon="ui-icon-help">
                            <p:menuitem value="Contents" url="#" />
                        </p:submenu>
                    </p:menubar>
					</h:form>
                </p:layoutUnit>

                <p:layoutUnit id="bottom" position="south" size="60">
					<p:growl id="growl" sticky="true" showDetail="true" life="3000" />
                </p:layoutUnit>

                <p:layoutUnit id="left" position="west" size="300" resizable="true" closable="true" collapsible="true" header="Menu" minSize="200">
                    <p:accordionPanel>
                        <p:tab title="Atividades">
                        
							<p:commandLink style="margin-right:20px;" action="/ui/inbox.jsf">
                    			<h:outputText value="Caixa de Entrada" />
                			</p:commandLink>
                			<br/>
                			<br/>
                			<p:commandLink style="margin-right:20px;" action="/ui/processes.jsf">
                    			<h:outputText value="Processos" />
                			</p:commandLink>
                        </p:tab>

                        <p:tab title="Cadastros">
							<p:commandLink style="margin-right:20px;" action="/ui/partners.jsf">
                    			<h:outputText value="Parceiros" />
                			</p:commandLink>
                			<br/>
                			<br/>
							<p:commandLink style="margin-right:20px;" action="/ui/orders.jsf">
                    			<h:outputText value="Ordens" />
                			</p:commandLink>
                        </p:tab>
                        
                        <p:tab title="Ferramentas">
							<p:commandLink style="margin-right:20px;" action="/ui/calendar.jsf">
                    			<h:outputText value="Calendário" />
                			</p:commandLink>
                			<br/>
                			<br/>
							<p:commandLink style="margin-right:20px;" action="/ui/gallery.jsf">
                    			<h:outputText value="Galeria" />
                			</p:commandLink>
                        </p:tab>
                        
                        <p:tab title="Relatórios">
							<p:commandLink style="margin-right:20px;" action="/ui/report/orders.jsf">
                    			<h:outputText value="Ordens" />
                			</p:commandLink>
                        </p:tab>
                        
                        <p:tab title="Segurança">
							<p:commandLink style="margin-right:20px;" action="/ui/users.jsf">
                    			<h:outputText value="Usuários" />
                			</p:commandLink>
                			<br/>
                			<br/>
							<p:commandLink style="margin-right:20px;" action="/ui/groups.jsf">
                    			<h:outputText value="Grupos" />
                			</p:commandLink>
                			<br/>
                			<br/>
                			<p:commandLink style="margin-right:20px;" action="/ui/permissions.jsf">
                    			<h:outputText value="Permissões" />
                			</p:commandLink>
                        </p:tab>                    
	                </p:accordionPanel>
                </p:layoutUnit>

                <p:layoutUnit id="center" position="center">
					<ui:insert name="content" />
                </p:layoutUnit>

            </p:layout>

        </h:body>

    </f:view>
</html>

